<div id="member-detail-view">
  <div class="page">
    <div class="panel panel-default al-pad-lr-10">
      <ul id="memberTab" class="nav nav-tabs">
        <li id="memDetailTab" class="active"><a ng-click="selectTab($event,'memDetailTab')">会员信息</a></li>
        <li id="memContractTab"><a ng-click="selectTab($event,'memContractTab')">会员合同</a></li>
        <li id="memRentBillTab"><a ng-click="selectTab($event,'memRentBillTab')">会员房租账单</a></li>
        <li id="memPowerBillTab"><a ng-click="selectTab($event,'memPowerBillTab')">会员水电费账单</a></li>
      </ul>
      <div id="memberTabContent" class="tab-content">
        <!--pane-->
        <div class="tab-pane active al-pad-lr-10" id="memDetailTabPane">
          <qgy-member-detail></qgy-member-detail>
        </div>
        <div class="tab-pane al-pad-lr-10" id="memContractTabPane">
          <qgy-member-contract member-id="memberId"></qgy-member-contract>
        </div>
        <!--pane-->
        <div class="tab-pane al-pad-lr-10" id="memRentBillTabPane">
          <qgy-member-rent-bill member-id="memberId"></qgy-member-rent-bill>
        </div>
        <!--pane-->
        <div class="tab-pane al-pad-lr-10" id="memPowerBillTabPane">
          <qgy-member-power-bill  member-id="memberId"></qgy-member-power-bill>
        </div>
      </div>
    </div>
  </div>
</div>